/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
*/

@media screen, projection
{
    /**
     * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
     * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
     *
     * @workaround
     * @affected IE8, FF, Webkit, Opera
     * @css-for all
     * @valid CSS3
    */

    body { overflow-y: scroll; }

    /*-------------------------------------------------------------------------*/

    /* (en) Marginal areas & page background */
    /* (de) Randbereiche & Seitenhintergrund */
    body {

    }


    .esdeveniment{
        overflow: visible;
        background-color: #999999;
        border-bottom-color: #999999;
        border-bottom-style:solid;
        border-left-color-ltr-source: physical;
        border-left-color-rtl-source: physical;
        border-left-color-value: #999999;
        border-left-style-ltr-source: physical;
        border-left-style-rtl-source: physical;
        border-left-style-value: solid;
        border-right-color-ltr-source: physical;
        border-right-color-rtl-source: physical;
        border-right-color-value: #999999;
        border-right-style-ltr-source: physical;
        border-right-style-rtl-source: physical;
        border-right-style-value: solid;
        border-top-color: #999999;
        border-top-style: none;
        color: #FFFFFF;
    }

    .fc-event a{
        overflow: visible;
        background-color: #999999;
        border-bottom-color: #999999;
        border-bottom-style:solid;
        border-left-color-ltr-source: physical;
        border-left-color-rtl-source: physical;
        border-left-color-value: #999999;
        border-left-style-ltr-source: physical;
        border-left-style-rtl-source: physical;
        border-left-style-value: solid;
        border-right-color-ltr-source: physical;
        border-right-color-rtl-source: physical;
        border-right-color-value: #999999;
        border-right-style-ltr-source: physical;
        border-right-style-rtl-source: physical;
        border-right-style-value: solid;
        border-top-color: #999999;
        border-top-style: none;
        color: #FFFFFF;
    }
    .fc-content{

    }


    /* Layout Alignment | Layout-Ausrichtung */
    .page_margins { margin: 0 auto; }

    /* Layout Properties | Layout-Eigenschaften */
    .page_margins { width: auto;  min-width: 740px; max-width: 95em; background: #fff; }
    .page { padding: 0px 0px 0px 0px;width:100%;float:left;}
    /*mod 20120212 */
    #header { width: 100%;float: right; color: #000; background: #fff; }
    #topnav { color: #aaa; background: transparent;width:100%;float:left;}
    /*mod 20120212 */
    #nav { width: 100%;float: left; overflow:hidden;
           background-color: #cccccc;
    }
    #main { margin: 2px 0; background: #fff; z-index: 1; height: 460px;

    }
    #teaser { clear:both; padding: 0 20px; margin: 10px 0; }
    /*mod 20120212 */
    #footer {height: 72px; color:#666; background: #f9f9f9;  
             width:100%;float:left;
             border-top-style: groove;
             border-top-width: 5px;
             border-top-color: #558C1B;
    }

    /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
    #nav ul { margin-left: 20px; }

    /*-------------------------------------------------------------------------*/

    /**
     * (en) Formatting content container
     * (de) Formatierung der Inhalts-Container
     *
    */
    #ptoplogos{ float: left; width: 19%;  margin:0; 
                color: #666666;
    }
    #ptoptitol { width: 40%; float:left; margin: 0 10 0 25;}
    #ptopuser { float: right; width: 40%;  margin-top: 15px; }
    #ptopmenu{ float: left; width: 100%;  margin:0; }
    #col1 { float: left; width: 15%;  margin:0; 
            border-right-style: groove;
            border-right-color: #639C29;
    }
    #col2 { float: left; width: 19%;  margin:0 }
    #col3 { width: 65%; float:left; margin: 0 10 0 25;
            border-right-style: groove;
            border-right-color: #639C29;
    }
    #col1_content {
        padding: 0 10px 0 5px ;
        text-align: left;
    }
    /*mod 20120212*/
    #col1_contenta { padding: 0 10px 0 5px ;}
    #col2_content {
        padding: 0 20px 0 10px ;
        text-align: left;
    }
    #col3_content {
        padding: 0 10px 0px 1px;
        text-align: left;
        overflow-y: auto;
        height: 450px;
    }
    #col312 { width: 75%; margin: 0 10 0 25;}

    /*-------------------------------------------------------------------------*/

    /*
    Layout espais
    */

    #cole { float: left; width: 75%;  margin:0 }
    #cold { float: right;width: 25%; margin: 0 10 0 25;}

    .caja{
        float: left;
        width:93%;
        border-right-style: outset;
        border-left-style: outset;
        border-bottom-style: outset;
        border-top-style: outset;
        border-right-color: #cccccc;
        border-left-color: #cccccc;
        border-bottom-color: #cccccc;
        border-top-color: #cccccc;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
        color: #666666;
        font-weight: bold;
        margin: 10px 10px 10px 10px;
        border-right-width: 8px;
        border-left-width: 8px;
        border-bottom-width: 8px;
        border-top-width: 8px;
        padding: 10px 10px 10px 10px;
    }
    .boton{
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        border-right-style: outset;
        border-left-style: outset;
        border-bottom-style: outset;
        border-top-style: outset;
        margin: 10px 5px 5px 5px;

        border-right-color: #ffffff;
        border-left-color: #ffffff;
        border-bottom-color: #ffffff;
        border-top-color: #ffffff;
        border-right-width: 3px;
        border-left-width: 3px;
        border-bottom-width: 3px;
        border-top-width: 3px;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: normal;
        color: #666666;
    }

    .cajae{
        width: 70%;
        float: left;
    }
    .cajac{
        width: 58%;

    }
    .cajad{
        width: 18%;
        float:right;
    }

    .botonfix{
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        border-right-style: outset;
        border-left-style: outset;
        border-bottom-style: outset;
        border-top-style: outset;
        margin: 10px 5px 5px 5px;
        float:right;
        border-right-color: #ffffff;
        border-left-color: #ffffff;
        border-bottom-color: #ffffff;
        border-top-color: #ffffff;
        border-right-width: 3px;
        border-left-width: 3px;
        border-bottom-width: 3px;
        border-top-width: 3px;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: normal;
        color: #666666;
    }
    .formespai{

        float:left;
        width:95%;

        margin-bottom: 10px;
        margin-right: 40px;
        margin-left: 5px;
        margin-top: 5px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;

    }

    .inputEspai{
        height: 23px;
        width: 340px;
        float: left;
        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;

    }
    .labelEspai{
        height: 23px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #999999;
        margin-top: 5px;
    }
    .outputEspai{
        height: 23px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;
        margin-top: 5px;
        font-weight: bold;
    }

    .pickEspai{
        height: 23px;
        width: 340px;
        float: left;
        color: #ffffff;
        background-color: #6699ff;
        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .llistaEspai{
        height: 23px;
        margin-left: 5px;
        margin-top: 5px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;
        margin-top: 5px;
        font-weight: bold;
        float: right;
    }
    .llistaEspai td{
        height: 23px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;
        margin-top: 5px;
        font-weight: bold;
        width: auto;
    }
    .llistaEspaic{
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: normal;
    }
    .llistaEspaid{
        height: 23px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;
        font-weight: bold;
    }
    .llistaEspaid td{
        height: 23px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;
        margin-top: 5px;
        font-weight: bold;
        width: 105px;
    }
    .outputEspaic{
        height: 23px;
        width: 50px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;
        margin-top: 5px;
        font-weight: bold;
    }
    .outputEspaid{
        height: 23px;
        width: 150px;
        float: left;
        margin-left: 5px;
        margin-top: 5px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;
        margin-top: 5px;
        font-weight: bold;
    }

    .botonfixEspai{
        border-left-style: outset;
        border-bottom-style: outset;
        border-top-style: outset;
        padding-right: 3px;
        padding-left: 3px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #666666;
        border-right-color: #ffffff;
        border-left-color: #ffffff;
        border-bottom-color: #ffffff;
        border-top-color: #ffffff;
        border-right-width: 3px;
        border-left-width: 3px;
        border-bottom-width: 3px;
        border-top-width: 3px;
        border-right-style: outset;
    }

    .espaiTab{
        font-style: normal;
        border-bottom-left-radius: 48px;
        border-bottom-right-radius: 48px;
        border-top-left-radius: 48px;
        border-top-right-radius: 48px;
        border-right-color: #ffffff;
        border-left-color: #ffffff;
        border-bottom-color: #ffffff;
        border-top-color: #ffffff;
    }

    .espaiTab em{
        font-style: normal;
        font-size: 10px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
    }

    .llistaTab{
        float:left;
        width: 90px;
        margin-top:30px;

        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;
        font-size: 10px;
        text-align: left;
    }
    .llistaTabIcon{
        float:right;
        margin-top:30px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;
        font-size: 10px;
        text-align: left;
    }


    .imageTab{
        float:left;
        width: 50px;
        height: 50px;
        margin-top:20px;
        margin-right: 10px;
    }



    .botonTab{
        float:right;
        width: 75px;
        margin-top:25px;
        margin-left:8px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #666666;
        font-size: 10px;
        text-align: left;;;;
        border-right-style: outset;
        border-left-style: outset;
        border-bottom-style: outset;
        border-top-style: outset;
        border-right-color: #cccccc;
        border-left-color: #cccccc;
        border-bottom-color: #cccccc;
        border-top-color: #cccccc;
    }
    .tableTab{
        text-align: left;
    }
    .titolCapContent1{
        float:left;     
        color: #666666;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
    }
    .titolCapContent2{
        margin-right: 5px;
        float:left;     
        color: #999999;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
    }
    .content23{
        width: 100%;
        float:left;
        margin-bottom: 5px;
    }
    .mifila3{

        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
        text-align: center;
    }
    .respTable{

        background-color: #d4eee1;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #999999;
    }

    .cssdialog{
        width: 600px;
    }
    .dialogO{
        width: 50px;
        color: #666666;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-weight: bold;
    }
    .dialogTA{
        width: 300px;
        height: 40px;
        text-align: left;
        vertical-align: top;
    }
    .dialogI{
        width: 300px;
    }
    .dialogP{
        float:left;
        text-align: left;
    }
    .dialogP td{
        width: 20px;
    }


    .radio{
        width: 50px;

        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 8px;
        color: #999999;
    }
    .dialogEnl{

        padding-left: 300px;
        color: #666666;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-weight: bolder;
        text-decoration: underline;

    }
    .llistaempty{

        color: #006666;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
    }
    #calendar {
        width: 100%;
        margin: 0 auto;
    }
    ul.tabs {

        margin: 5px 0px 0px 0px;

        padding: 0;

        float: left;

        list-style: none;

        height: 32px; /*--Define el ancho de las tabs--*/

        border-bottom: 1px solid #999;

        border-left: 1px solid #999;

        width: 100%;

    }

    ul.tabs li {

        float: left;

        margin: 0;

        padding: 0;

        height: 31px; /*--Sustrae 1px de la altura de la lista desordenada--*/

        line-height: 31px; /*--Alineamiento vertical del texto dentro de la tabla--*/

        border: 1px solid #999;

        border-left: none;

        margin-bottom: -1px; /*--Desplaza los item de la lista abajo 1px--*/

        overflow: hidden;

        position: relative;

        background: #e0e0e0;

    }

    ul.tabs li a {

        text-decoration: none;

        color: #000;

        display: block;

        font-size: 1.2em;

        padding: 0 20px;

        border: 1px solid #fff;

    }

    ul.tabs li a:hover {

        background: #ccc;

    }

    html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Estate seguro de que a la tab activa no se le aplicarán estas propiedades hover--*/

        background: #fff;

        border-bottom: 1px solid #fff; /*--Esto hace que la tab activa esté conectada con respecto a su contenido--*/

    }
    .tab_content{
        float: left;
    }

    .planformI{
        height: 23px;
        width: 95%;
        float: left;
        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .planformIB{
        height: 69px;
        width: 290px;
        float: left;
        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        vertical-align: top;
        text-align: left;
    }
    .planformO{
        height: 23px;
        width: 95%;
        float: left;
        font-weight: bold;
        padding: 7px 0px 0px 5px;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: #cccccc;
    }
    .planformL{
        height: 17px;
        width: 300px;
        float: left;
        font-weight: bold;
        margin-left: 5px;
        margin-top: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
        font-size: 10px;
    }
    .planformDate{
        height: 23px;
        width: 80px;
        float: left;

        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .planformDateL{
        height: 17px;
        width: 95%;
        float: left;
        font-weight: bold;
        margin-left: 5px;
        margin-top: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
            font-size: 10px;
    }

    .planformDateLS{
        height: 17px;
        width: 80px;
        float: right;
        font-weight: bold;
        margin-left: 10px;
        margin-top: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
    }
    .planformLS{
        height: 17px;
        float: right;
        font-weight: bold;
        margin-top: 7px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
    }

    .planformDateC{
        height: 15px;
        width: 80px;
        float: left;

        font-weight: bold;
        margin: 8px 5px 0px 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .planformHora{
        height: 23px;
        width: 60px;
        float: left;
        padding-left: 5px;
        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .planformHoraL{
        height: 17px;
        width: 68px;
        float: left;
        font-weight: bold;
        margin-top: 10px;
        padding-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
    }
    .planformRadio{
        height: 15px;

        float: left;

        font-weight: bold;
        margin-left: 5px;
        margin-bottom: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        font-size: 10px;
        text-align: center;
    }

    .planformRadioL{
        height: 17px;
        width: 138px;
        float: left;
        font-weight: bold;
        margin-left: 5px;
        margin-top: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
    }
    .cp-full{
        height: 23px;
        width: 100px;
        float: left;

        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .planformSelect{
        height: 29px;
        width: 95%;
        float: left;

        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .planformSelect option{
        height: 15px;
    }

    .planformSelectC{
        height: 20px;
        width: 30%;
        float: left;

        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .planformSelectC option{
        height: 15px;
    }

    .planformSelectC1{
        height: 20px;
        width: 300px;
        float: left;

        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .planformSelectC1 option{
        height: 15px;
    }

    .planformIdioma{
        color: #0088CC;
        width: 80px;
        height: 24px;
        font-family: Amaranth,sans-serif;
        font-size: medium;
        margin-bottom: 0px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        font-size: 12px;
    }

    .planformIdioma option{
        color: #0088CC;
        text-decoration: none;

        font-size: 12px;
    }


    .planformsubmit{
        height: 23px;
        float: right;
        font-weight: bold;
        margin-left: 5px;
        margin-top: 20px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
    }
    .planButton{
        height: 23px;
        float: right;
        font-weight: bold;
        margin-left: 5px;
        margin-top: 2px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
        font-size: 10px;
    }

    .planButtonL{
        height: 23px;
        font-weight: bold;
        margin-left: 100px;
        margin-top: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
        font-size: 10px;
        border-radius: 2em 2em 2em 2em;
    }
    
    .planButtonLK{
        height: 23px;
        float: right;
        font-weight: bold;
        margin-left: 5px;
        margin-top: 10px;
        margin-right: -25px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
        font-size: 10px;
        border-radius: 2em 2em 2em 2em;
    }
    
    .planButtonL1{
        height: 23px;
        font-weight: bold;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
        font-size: 10px;
        border-radius: 2em 2em 2em 2em;
    }

    .planButtonLista{
        height: 23px;
        float: right;
        font-weight: bold;
        float: left;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #666666;
        font-size: 10px;
        border-radius: 2em 2em 2em 2em;
        text-align: center;
    }

    .kcsselect{
        height: 25px;
        width: 50%;
        float: left;

        font-weight: bold;
        margin-top: 2px;
        margin-left: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .ui-state-default, .ui-widget-content .ui-state-default{
        float:left;
        margin-left: 5px;
        height: 29px;
    }
    .ui-button-text img{
        width: 40px;
        height: 22px;
    }

    .clmissatge{
        float:right;
        margin-left: 400px;
        width: 200px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #ffffff;
        background-color: #ff4700;

        font-weight: bold;
    }
    .clmissatge1{
        float:right;
        margin-left: 400px;
        width: 200px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        color: #ffffff;
        background-color: #ff4700;

        font-weight: bold;
    }

    .botoListaIzq{
        width: 125px;
        border-right-style: inset;
        border-bottom-style: inset;
        border-right-width: 4px;
        border-left-width: 1px;
        border-bottom-width: 2px;
        border-top-width: 1px;
        border-right-color: #cccccc;
        border-left-color: #666666;
        border-bottom-color: #cccccc;
        border-top-color: #666666;
        margin-left: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-family: Arial,Helvetica,sans-serif;
        color: #666666;
        background-color: #ffffff;
        border-radius: 0em 3em 3em 0em;
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */
        font-weight: bold;
        font-size: 9px;

    }

    .botoListaIzq a{

        font-family: Arial,Helvetica,sans-serif;
        color: #000000;
        font-weight: bold;
        font-size: 14px;
    }

    .botoListaIzq a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }
    .botoListaIzq a:hover{
        color:#cc0000; text-decoration:underline; outline: 0 none; 
        font-weight: bolder;
    }
    .botoListaIzq a:active { color:#cc0000; text-decoration:underline; outline: 0 none; 
                             font-weight: bolder;
    }

    .botoListaIzq:hover{
        color:#cc0000; text-decoration:underline; outline: 0 none; 
        font-weight: bolder;
        cursor:hand;
        cursor: pointer;
    }
    .centralConfig{
        float: left;

    }
    .derechaConfig{

    }

    /*PARA EL SLIDER*/

    #red, #green, #blue {
        float: left;
        clear: left;
        width: 120px;
        margin: 15px;
    }
    #swatch {
        width: 50px;
        height: 100px;
        margin-top: 18px;
        margin-left: 150px;
        background-image: none;
    }
    #red .ui-slider-range { background: #F80000; }
    #red .ui-slider-handle { border-color: #ef2929; }
    #green .ui-slider-range { background: #8ae234; }
    #green .ui-slider-handle { border-color: #8ae234; }
    #blue .ui-slider-range { background: #FF6800; }
    #blue .ui-slider-handle { border-color: #729fcf; }
    #demo-frame > div.demo { padding: 10px !important; }

    .planformOSL{
        height: 18px;
        width: 32px;
        float: right;
        font-weight: bold;
        padding: 7px 5px 0px 5px;
        margin-top: 5px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: #cccccc;
        text-align: right;
        vertical-align: middle;
        font-size: 10px;
    }
    .carrito{
        float:left;
        width: 100%;
        border-top-style: solid;
        border-top-color: #006666;
        border-top-width: 3px;
    }
    .tlrow{

        font-weight: bolder;
        color: #ffffff;
        background-color: #009999;
    }

    .canti{

        text-align: right;
    }

}

